<template>
	<view @click="myclick" class="my-search" :style="{ backgroundColor: bgColor  }">
		<view class="content" :style="{ borderRadius: radius + 'rpx' }">
			<uni-icons type="search" size="20" color="#c0c0c0"></uni-icons>
			<text>搜索</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"my-search",
		props: ['bgColor', 'radius'],
		data() {
			return {
				
			};
		},
		methods: {
			// 点击这个搜索框触发父级的点击事件
			myclick() {
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss">
	.my-search {
	  // background-color: #eb4450;
	  padding: 20rpx 10rpx;
	  .content {
	    height: 80rpx;
	    background-color: #fff;
	    text-align: center;
	    line-height: 80rpx;
	    color: #c0c0c0;
	  }
	}
</style>